/* 大背景图片 */
.b_g{
    position:fixed;
    top:0;
    left:0;
    z-index:-9999999;
    width:100%;
}
.b_g .bg_img{
    width:100%;
}

/* 时间和天气 */
.header{
    width:100%;
    position:relative;
}
.header .header_bg{
    width:100%;
}
.header .header_text{
    width:5.1rem;
    height:.48rem;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-2.55rem;
    margin-top:-.4rem;
}
.header .time_txt{
    position:absolute;
    left:.79rem;
    top:50%;
    margin-top:-.5rem;
    font-size:.26rem;
    color:#cccedd;
}
.header .weather_txt{
    position:absolute;
    right:.79rem;
    top:50%;
    margin-top:-.5rem;
    font-size:.26rem;
    color:#cccedd;
}

/* 站点top5 */
.top_5{
    float:left;
    width:4.7rem;
    height:5.3rem;
    background-color:rgba(18, 36, 142, .49);
    box-shadow:inset 0px -.04rem .05rem .01rem rgba(45, 213, 255, 0.26);
    border-radius:.08rem;
    margin-left:.2rem;
    margin-right:.28rem;
    position:relative;
}
.top_5 .top_5_title{
    margin-left:.28rem;
    font-size: .26rem;
    color: #3ad1ff;
    position:absolute;
    top:.42rem;
    font-weight:700;
}
.top_5 .backshow{
    font-size:.2rem;
    color:#eff0f5;
    position:absolute;
    left:.25rem;
}
.top_5 .backshow1{
    top:1.13rem;
}
.top_5 .backshow2{
    top:1.9rem;
}
.top_5 .backshow3{
    top:2.68rem;
}
.top_5 .backshow4{
    top:3.45rem;
}
.top_5 .backshow5{
    top:4.21rem;
}
.top_5 .backshow_box{
    height:.11rem;
    background-image: linear-gradient(-90deg,
        rgba(59, 225, 255, 1) 0%,
        rgba(52, 128, 255, 1) 100%),
    linear-gradient(
        rgba(64, 71, 125, 1),
        rgba(64, 71, 125, 1));
    background-blend-mode: normal,
        normal;
    border-radius:.05rem;
    position:absolute;
    left:.26rem;
}
.top_5 .backshow_box1{
    top:1.5rem;
    width:3.67rem;
}
.top_5 .backshow_box2{
    top:2.29rem;
    width:2.96rem;
}
.top_5 .backshow_box3{
    top:3.07rem;
    width:2.42rem;
}
.top_5 .backshow_box4{
    top:3.82rem;
    width:1.68rem;
}
.top_5 .backshow_box5{
    top:4.6rem;
    width:.98rem;
}

/* 总交易额和具体订单 */
.allMoneyOrder{
    float:right;
    width:4.7rem;
    height:5.3rem;
    background-color: rgba(18, 36, 142, .49);
    box-shadow:inset 0px -.04rem .05rem .01rem rgba(45, 213, 255, 0.26);
    border-radius:.08rem;
    position:relative;
    margin-right:.2rem;
}
.allMoneyOrder .allMoney_text{
    font-size:.26rem;
    color:#fff;
    margin-left:.28rem;
    position:absolute;
    top:.42rem;
    font-weight:700;
}
.allMoneyOrder .all_money{
    position:relative;
    top:.9rem;
    left:.3rem;
    font-size:.46rem;
    color:#ffd820;
    float: left;
    font-weight:700;
    text-shadow:0 0 2px rgba(255,216,32,.4);
}
.allMoneyOrder .specific_order{
    width:3.95rem;
    position:absolute;
    top:2.03rem;
    left:.46rem;
    color:#fff;
    font-size:.2rem;
    overflow:hidden;
    margin-top:-.1rem;
}
.allMoneyOrder .specific_order .order_title{
    float:left;
}
.allMoneyOrder .specific_order .order_title_phone{
    margin-right:1rem;
}
.allMoneyOrder .specific_order .order_title_money{
    float:right;
}
.allMoneyOrder .specific_order_info_margin{
    position:absolute;
    left:.2rem;
    top:2.36rem;
    width:4.3rem;
    height:2.7rem;
    overflow:hidden;
}
.allMoneyOrder .specific_order_info{
    position:relative;
}
.allMoneyOrder .specific_order_info .specific_order_info_inner{
    width:4.3rem;
    height:.4rem;
    line-height:.4rem;
    margin-bottom:.05rem;
    background-blend-mode: normal,normal;
    border-radius:.05rem;
    color:#fff;
    font-size:.18rem;
}
.allMoneyOrder .order_info{
    float:left;
}
.allMoneyOrder .order_info_phone{
    margin-right:.75rem;
    position:relative;
    left:.12rem;
}
.allMoneyOrder .order_info_money{
    float: right;
    width:0.9rem;
    text-align:center;
}
/* 原子类 */
.background_135{
    background-color:rgba(25, 46, 165, .3);
}
.background_246{
    background-color:rgba(255,255,255,0.06);
}

/* 今日和昨日交易额 */
.day_money_ing{
    float: left;
    position:relative;
    top:.05rem;
}
.day_money_ing .day_money_title{
    color:#fff;
    font-size:.26rem;
}
.day_money_ing .day_money_inner{
    color:#ffd820;
    font-size:.62rem;
    position:relative;
    top:.1rem;
    font-weight:700;
    text-shadow:0 0 2px rgba(255,216,32,.4);
}
.day_money_ing .yesterday_money_title{
    color:#fff;
    font-size:.22rem;
    position:relative;
    top:.34rem;
}
.day_money_ing .yesterday_money_inner{
    color:#ffd820;
    font-size:.38rem;
    position:relative;
    top:.1rem;
    font-weight:700;
    text-shadow:0 0 2px rgba(255,216,32,.4);
    position:relative;
    top:.44rem;
}

/* 用户总数 */
.allTotal{
    position:relative;
    left:5.22rem;
    top:4.2rem;
    width: 2.7rem;
    height: 1.11rem;
    background-image: linear-gradient(0deg,
        rgba(8, 16, 59, .7) 0%,
        rgba(19, 36, 107, .7) 100%),
    linear-gradient(
        rgba(25, 45, 158, .7),
        rgba(25, 45, 158, .7));
    background-blend-mode: normal,
        normal;
    border-radius:.1rem;
}
.allTotal .allTotal_i{
    position:absolute;
    color:#fff;
    top:-.46rem;
    left:.75rem;
}
.allTotal .allTotal_i img{
    width:.2rem;
    height:.23rem;
}
.allTotal .allTotal_title{
    position:absolute;
    color:#fff;
    font-size:.22rem;
    top:.18rem;
    left:1.06rem;
}
.allTotal .allTotal_much{
    position:absolute;
    color: #3ae1ff;
    font-size:.38rem;
    top:.61rem;
    left:0;
    width:100%;
    text-align:center;
}

/* 成交订单数 */
.olderNumber{
    position:relative;
    left:11.3rem;
    top:3.11rem;
    width: 2.7rem;
    height: 1.11rem;
    background-image: linear-gradient(0deg,
        rgba(8, 16, 59, .7) 0%,
        rgba(19, 36, 107, .7) 100%),
    linear-gradient(
        rgba(25, 45, 158, .7),
        rgba(25, 45, 158, .7));
    background-blend-mode: normal,
        normal;
    border-radius:.1rem;
}
.olderNumber .olderNumber_i{
    position:absolute;
    color:#fff;
    top:-.46rem;
    left:.63rem;
}
.olderNumber .olderNumber_i img{
    width:.2rem;
    height:.23rem;
}
.olderNumber .olderNumber_title{
    position:absolute;
    color:#fff;
    font-size:.22rem;
    top:.18rem;
    left:.96rem;
}
.olderNumber .olderNumber_much{
    position:absolute;
    color: #3ae1ff;
    font-size:.38rem;
    top:.61rem;
    left:0;
    width:100%;
    text-align:center;file:///C:/phpStudy/WWW/Day/images/title_bg.png
}

/* 西安地图 */
.map{
    width:8.19rem;
    height:4.92rem;
    background:url(../../image/display_platform/map.png) no-repeat 0 0;
    background-size:100%;
    position:relative;
    left:5.55rem;
    top:-2.15rem;
    z-index:-999;
}
.map .mainMap{
    position:absolute;
    top:.1rem;
    left:0;
    width:8rem;
    height:4.8rem;
}

/* 折线图 */
.container{
    width: 18.8rem;
    height: 3.6rem;
    position:absolute;
    top:6.99rem;
    left:.2rem;
    background-color: rgba(18, 36, 142, .49);
    box-shadow:inset 0px -.04rem .05rem .01rem rgba(45, 213, 255, 0.26);
    border-radius:.08rem;
}